*{
    padding: 0;
    margin: 0;
}
body{
    background-image: url('../img/tp1.jpg'); /* 设置背景图片的路径 */
    background-size: cover; /* 将背景图片铺满整个容器 */
    background-repeat: no-repeat;
}
#db{
    width: 100%;
    height: 50px;
    
}
h1{
    
    text-align: center;
}
#dh{
    width: 100%;
    height: 80px;
    
}

ul{
    list-style-type: none; /* 移除默认的列表样式 */
    padding: 0; /* 移除列表的内边距 */
    width: 80%;
    height: 80px;
    margin: 0 auto;
    align-items: center;
    padding-left: 10px;

}
li{
    padding-top: 30px;
    display: inline-block; /* 让li元素横向排列 */
    margin-right: 13px;
     /* 可选：为了增加li元素之间的间距 */
}
a{
    text-decoration: none;
    font-size: 15px;
    color: black;
}
a:hover{
    color: pink;
}
#nr{
    width: 100%;
    
}
#dbj{
    width: 10%;
    height: 625px;
    float: left;
    
}
.search-container{
    width: 100%;
    
}
.search-container input[type="text"] {
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
    width: 149px;
  }
.search-container button[type="submit"] {
    background-color: #4caf50;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    height: 40px;
  }
#rd{
    width: 80%;
    margin: 0 auto;
    height: 625px ;
    float: left;
    
}
.rdnr{
    width: 100%;
    height: 125px;
}
.rdnr img{
    position: absolute;
    width: 130px;
    height: 130px;
    left: 190px;
}
.js{
    width: 80%;
    height: 110px;
    
    float: right;
    margin-right: 100px;
    margin-top: 10px;
    font-size: 16px;
}
#rdph{
    float: right;
    width: 10%;
    height: 625px;
    
}
#rdph-h1{
    width: 100%;
    height: 50px;
    font-size: 20px;
  
    align-items: center;
    display: flex;
    justify-content: center;
}
#rdph-ul{
    display: flex; /* 使用 flexbox 布局 */
    flex-direction: column; /* 将子元素纵向排列 */
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 575px;
    background-color: whitesmoke;
    border: 5px sandybrown solid;
}
.rdph-li{
    width: 100%;
    height: 62px;
    text-align: center;
}